// 从cookie中获取存起来的用户名
var username = getCookie('username')
// 判断
if(username){
    $('ul.sign').html(`
        <li>欢迎<a href="userinfo.html" style="color:skyblue;font-size:16px;padding: 0 5px;" class="ma5">${username}</a>登录！</li>
        <li><a class="red" onclick="logout()" style="color: red;">退出登录</a></li>
    `)
}
// 定义退出函数
function logout(){
    // 询问层
    layer.confirm('你确定要退出吗？', {
        btn: ['残忍离开', '考虑一下']
    }, function(){
        // 将内容还原
        $('ul.sign').html(`
        <li><a href="login.html" class="ma5">登录</a></li>
        <li><a class="red" href="register.html" style="color: skyblue;">免费注册</a></li>
        `)
        // 删除cookie
        removeCookie('username')
        removeCookie('userId')
        localStorage.removeItem('token')
        layer.msg('退出成功', {
            icon: 1,
            time: 1500
        })
    }, function(){
        layer.msg('取消成功', {
            icon: 1,
            time: 1500
        })
    })
}
// 添加加载层
var loadId = layer.load(1, {
    shade: [1, '#000']
})
// 获取商品分类 - 发送ajax请求
$.get('http://localhost:8888/goods/category').then(res => {
    // console.log(res);
    if(res.code === 1){
        var html = ''
        res.list.forEach(item => {
            html += `<li class="menu_item">${item}</li>`
        })
        // 动态渲染数据
        $('.nav.category .dd ul').html(html)
        // 取消加载层
        layer.close(loadId)
        // 给li添加事件 - 利用事件委托
        $('.nav.category .dd ul').on('click', 'li', function(){
            // 跳转 - 携带参数（当前点击分类的名称传递到列表页）
            location.href = 'list.html?category='+$(this).text()
        })
    }
})

// 定义分类移入显示，移出隐藏的事件
$('.nav.category .dt').click(function(){
    $(this).next().toggle()
})

// 发送请求获取所有is_hot的商品并渲染到页面中
var current = 1
var flag = true
var getdataFlag = true
getData()
function getData(){
    if(!flag) return false
    flag = false
    current++
    $.get('http://localhost:8888/goods/list', {
        pagesize: 24,
        current,
        filter: 'hot'
    }).then(res => {
        console.log(res);
        // var arr = res.list.filter(item => item.is_hot)
        // console.log(arr);
        if(!res.list.length){
            getdataFlag = false
        }
        var html = ''
        res.list.forEach(item => {
            html += `
                <li>
                  <a href="detail.html?id=${item.goods_id}">
                      <img src="${item.img_big_logo}" alt="">
                  </a>
                  <p><b>${item.title}</b></p>
                  <span style="color:red; font-size:14px;">￥${item.current_price}元</span>
                  <br>
                </li>
            `
        })
        $('ul.sj').html($('ul.sj').html() + html)
        flag = true
    })
}


// 商品懒加载 - 监听滚动过的距离
window.onscroll = function(){
    if(getdataFlag){
        // 获取滚动过的距离
        var w = document.documentElement.scrollTop || document.body.scrollTop
        var clientHeight = document.documentElement.clientHeight
        // 判断是否快到商品底部了
        if(w+clientHeight+200 >= $('.data.w').offset().top + $('.data.w').height()){
            getData()
        }
    }
    
}

// 点击搜索
$('.search button.btn').click(function(){
    // 获取关键字
    var keywords = $(this).prev().val().trim()
    if(keywords === ''){
        return false
    }
    location.href = 'list.html?keywords='+keywords
})